<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<link rel="stylesheet" type="text/css" href="css/list.css"/>
	</head>
	<body>
		<iframe src="head.html" width="100%" height="178px"></iframe>
		<!--头部-->
		<div class="content">
			<div class="nav">
				<div class="text">
				<dl>
					<dt>分类</dt>
					<dd>
						<ul>
							<li>原版</li>
							<li>环球唱片</li>
							<li>演唱会</li>
							<li>限量版</li>
							<li>其他</li>
							
						</ul>
					</dd>
				</dl>
				<dl>
					<dt>公司</dt>
					<dd>
						<ul>
							<li>环球唱片</li>
							<li>艺人工作室</li>
							<li>英皇娱乐</li>
							<li>环球中国</li>
							<li>华人</li>
							<li>古风</li>
							<li>woolim</li>
							<li>Fantagio</li>
							<li>天娱传媒</li>
							<li>欧美</li>
							<li>粤语</li>
							<li>日本</li>
							<li>限量</li>
							<li>免费</li>
						</ul>
					</dd>
				</dl>
				</div>
			</div>
			<div class="list">
				<!--ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{￥15}+span.love+span.num{787878})*15 emment写法-->
				<ul>
					<li>
						<img src="img/pro/1.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/2.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/3.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/4.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/5.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/6.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/7.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/8.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/9.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/1.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/1.jpg" alt="" />
						<h3>213</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/2.jpg" alt="" />
						<h3>123</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/3.jpg" alt="" />
						<h3>213</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/4.jpg" alt="" />
						<h3>132</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
					<li>
						<img src="img/pro/5.jpg" alt="" />
						<h3>321</h3>
						<div>
							<span class="money">15</span>
							<spam class="love"></spam>
							<span class="num">23654</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div id="di" style="text-align: center;">
			<img src="img/footer_v180123.png"/>
		</div>
		<!--尾部-->
		<iframe id="wei" src="foot.html" width="100%" height="266px"></iframe>
	</body>
</html>
